<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta name="viewport"
			content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<title>{$detail.seo_title}--{$sysConfig.web_name}</title>
		<meta name="keywords" content="{$detail.seo_keywords}">
		<meta name="description" content="{$detail.seo_description}">
		{include file="head"/}
		<style>
			.swiper-box {
				width: 50%;
				margin: 0 auto;
				height: 80%;
				position: relative;
				overflow: hidden;
			}

			.swiper-container {
				width: 300px;
				height: 300px;
				margin-left: auto;
				margin-right: auto;
			}

			.swiper-slide {
				background-size: 100%;
				background-position: center;
				background-repeat: no-repeat;
			}

			.gallery-top {
				height: 80%;
				width: 100%;
			}

			.gallery-thumbs {
				height: 20%;
				box-sizing: border-box;
				padding: 10px 0;
			}

			.gallery-thumbs .swiper-slide {
				width: 25%;
				height: 100%;
				opacity: 0.4;
			}

			.gallery-thumbs .swiper-slide-thumb-active {
				opacity: 1;
			}

			.view-nei {
				width: 1200px;
				margin: 50px auto;
				border-bottom: 1px solid #ddd;
				padding-bottom: 50px;
			}

			.view-neirong {
				width: 100%;
				color: #999;
				line-height: 22px;
				padding-bottom: 20px;
			}
		</style>
	</head>
	<body>
		<!--菜单-->
		{include file="menu"/}
		<div class="navbar">
			<div class="w-1200 nav">您现在所在位置： <a href="/index">主页</a> >
				{if condition="$menuInfo.menu_type==1" }
				<a href="{$menuInfo.link}">{$menuInfo.name}</a>
				{else/}
				<a href="/info/index?menu_id={$menuInfo.menu_id}">{$menuInfo.name}</a>
				{/if}
				{if condition="$currentMenu.parent_id>0" /}> <span>{$currentMenu.name}</span>{/if}
			</div>
		</div>
		<div class="contentbox">
			<div class="w-1200">
				<ul class="menubar clearfix">
					{volist name="columnList" id="list"}
					<li class="l">
						{if condition="$list.menu_type==1" }
						<a href="{$list.link}">{$list.name}</a>
						{else/}
						<a href="/info/index?menu_id={$list.menu_id}" {if
							condition="$currentMenu.menu_id==$list.menu_id" /}class="hover" {/if}>{$list.name}
						</a>
						{/if}
					</li>
					{/volist}
				</ul>
				<div class="newsxq">

				</div>
			</div>
		</div>
		<div class="swiper-box">
			<!-- Swiper -->
			<div class="swiper-container gallery-top">
				<div class="swiper-wrapper">
					{volist name="detail.images" id="list"}
					<div class="swiper-slide" style="background-image:url({$list.file_path})"></div>
					{/volist}
				</div>
				<!-- Add Arrows -->
				<div class="swiper-button-next swiper-button-white"></div>
				<div class="swiper-button-prev swiper-button-white"></div>
			</div>
			<div class="swiper-container gallery-thumbs">
				<div class="swiper-wrapper">
					{volist name="detail.images" id="list"}
					<div class="swiper-slide" style="background-image:url({$list.file_path})"></div>
					{/volist}
				</div>
			</div>
		</div>
		<div class="navbar1">
			<div class="w-1200 nav">商品介绍</div>
		</div>
		<div class="view-nei">
			<div class="view-neirong">
				{$detail.content|raw}
			</div>
		</div>
		<!--底部-->
		{include file="footer"/}
		<!--底部-->
		<script>
			var galleryThumbs = new Swiper('.gallery-thumbs', {
				spaceBetween: 2,
				slidesPerView: 3,
				freeMode: true,
				watchSlidesVisibility: true,
				watchSlidesProgress: true,
			});
			var galleryTop = new Swiper('.gallery-top', {
				spaceBetween: 10,
				navigation: {
					nextEl: '.swiper-button-next',
					prevEl: '.swiper-button-prev',
				},
				thumbs: {
					swiper: galleryThumbs
				}
			});
		</script>
	</body>
</html>
